Html5学习

Block A

Block B

(1)表格容器

列的数量

表格CSS属性

2

ui-grid-a

3

ui-grid-b

4

ui-grid-c

5

ui-grid-d

(2）块

第X列

块CSS属性

1

ui-block-a

2

ui-block-b

3

ui-block-c

4

ui-block-d

5

ui-block-e

Block AThe text will wrap within the grid.

Block BMore text.

添加style

Block A

Block B

Block C

带图标

/* Set 2-column grid to 25/75% */

.ui-grid-a .ui-block-a {

    width: 25%;

}

.ui-grid-a .ui-block-b {

    width: 75%;

}

/* Set 3-column grid to 25/50/25% */

.ui-grid-b .ui-block-a {

    width: 25%;

}

.ui-grid-b .ui-block-b {

    width: 50%;

}

.ui-grid-b .ui-block-c {

    width: 25%;

}

25%

75%

25%

50%

25%